﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>{$config.sitename}</title>
    <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no" />
    <meta charset="utf-8" />
    <link href="/templatesstore/css/cate47_.css" rel="stylesheet" type="text/css" />
    <link href="/templatesstore/css/iscroll.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="/Content/weui/weui.min.css" />
    <link rel="stylesheet" href="/Content/weui/weui.example.css" />
    <link rel="stylesheet" href="/Content/sui/css/sui.min.css" />
    <link rel="stylesheet" href="/Content/sui/css/sui-append.min.css" />
    <style>
    </style>
    <script src="/templatesstore/js/iscroll.js" type="text/javascript"></script>
    <script type="text/javascript">
        var myScroll;

        function loaded() {
            myScroll = new iScroll('wrapper', {
                snap: true,
                momentum: false,
                hScrollbar: false,
                onScrollEnd: function () {
                    document.querySelector('#indicator > li.active').className = '';
                    document.querySelector('#indicator > li:nth-child(' + (this.currPageX + 1) + ')').className = 'active';
                }
            });
        }
        document.addEventListener('DOMContentLoaded', loaded, false);
    </script>
</head>
<body id="cate47" style="background-color: white" class="bg11">
    <div class="banner">
        <div id="wrapper">
            <div id="scroller">
                <ul id="thelist">
                    <vt:function var="hdp" method="getHdp" type="$this" rows="10" />
                    <vt:foreach from="$hdp" item="p" index="i">
                        <li><p>{$p.title}</p><img src="{$p.img_url}" /></li>
                    </vt:foreach>
                </ul>
            </div>
        </div>
        <div id="nav">
            <div id="prev" onclick="myScroll.scrollToPage('prev', 0,400,{$hdp.Count});return false">
                &larr; prev
            </div>
            <ul id="indicator">
                <vt:foreach from="$hdp" item="p" index="i">
                    <vt:if var="#.i.isfirst" value="true">
                        <li class="active">1</li>
                        <vt:else>
                            <li>{$i}</li>
                    </vt:if>
                </vt:foreach>
            </ul>
            <div id="next" onclick="myScroll.scrollToPage('next', 0);return false">
                next &rarr;
            </div>
        </div>
        <div class="clr">
        </div>
    </div>

    <div class="tabbar">
        <div class="weui_grids" style="position: absolute ; bottom: 0 ; width:100% ">
            <!--<img src="/templatesstore/images/5_top.jpg" height="15" class="sc" />-->
            <!--分类信息 class="mainmenu"-->
            <vt:function var="category" method="getCategory" type="$this" classlayer="1" />
            <vt:foreach from="$category" item="#.data" index="i" groupsize="3">
                <!--<ul style="width:350px; margin-bottom:100px">-->
                <vt:foreach from="$#.data" item="#.item" index="#.j">
                    <!-- <li style="width:100px" >
                        <!--  <vt:if var="item.link_url" value="" compare="==">-->
                    <!--   <a class="weui_grid js_grid" href="{$item.id call='GetNewsUrl'}">
                      <vt:else>-->
                    <a class="weui_grid js_grid" href="{$item.link_url}">
                        <!--  </vt:if>-->
                        <div class="weui_grid_icon">
                            <img src="{$item.ico_url}" /> {$item.title}
                        </div>
                    </a>

                </vt:foreach>
                <!--   </ul>-->
                <!--<img src="/templatesstore/images/5_gc.jpg" height="19"  class="gc"/>-->
            </vt:foreach>
            <!--<img src="/templatesstore/images/5_bottom.jpg" height="8" class="bottom" />-->

        </div>
    </div>
    <script>
        var count = document.getElementById("thelist").getElementsByTagName("img").length;

        var count2 = document.getElementsByClassName("menuimg").length;
        for (i = 0; i < count; i++) {
            document.getElementById("thelist").getElementsByTagName("img").item(i).style.cssText = " width:" + document.body.clientWidth + "px";

        }
        document.getElementById("scroller").style.cssText = " width:" + document.body.clientWidth * count + "px";

        setInterval(function () {
            myScroll.scrollToPage('next', 0, 400, count);
        }, 3500);
        window.onresize = function () {
            for (i = 0; i < count; i++) {
                document.getElementById("thelist").getElementsByTagName("img").item(i).style.cssText = " width:" + document.body.clientWidth + "px";

            }
            document.getElementById("scroller").style.cssText = " width:" + document.body.clientWidth * count + "px";
        }


    </script>
    <div id="insert2">
    </div>
    <div style="display: none" class="copyright" style="position: fixed; bottom: 0px;
        top: auto;">
        {$config.wcopyright}
    </div>
    <div style="display: none">
    </div>
    <!--_share_js-->
    <vt:template id="Template1" file="../../csmall/_share_js_index.html" charset="utf-8" />
    <!--/_share_js-->
    <!--_bottommenu-->
    <vt:template id="bottommenu" file="../../bmenu/bottom.html" charset="utf-8" />
    <!--/_bottommenu-->
</body>
</html>
